﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人与专业防护口罩</title>
    <link rel="stylesheet" href="../static/css/reset.css" type="text/css">
    <link rel="stylesheet" href="../static/css/public.css" type="text/css">
    <link rel="stylesheet" href="../static/css/professionalProject.css" type="text/css">
    <link rel="stylesheet" href="../static/css/professionalProject2.css" type="text/css">
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/home.js"></script>
</head>
<body>
<header>
    <div class="header header1">&nbsp;</div>
    <div class="header header2">
        <a class="user"></a>
        <span class="user-span">欢迎您：</span>
        <span class="user-name">XXX</span>
    </div>
    <div class="header header3">
        <a class="tab tabs" id="tab1"  href="index.html">公司简介</a>
        <a class="tab tabs active" id="tab2">
            产品中心
            <ul id="hideBox">
                <li>口罩</li>
                <li>医用卫生</li>
                <li>老年护理</li>
                <li>医用器械</li>
                <li>个人护理</li>
                <li>日用民用</li>
            </ul>
        </a>
        <a class="tab tabs" id="tab3" href="contact.html">联系方式</a>
        <a class="tab tabs" id="tab4" href="enterpriseVideo.html">企业视频</a>
        <a class="tab" id="tab5" href="login.html">退出</a>
    </div>
    <div class="header header4">日期：2017年17月20日  </div>
</header>
<main>
    <div class="content">
        <div class="main-logo" id="personal_logo"></div>
        <div class="main-title" id="personal_main_title">
            <span>当前操作：</span>
            <span>产品中心</span>
            <span>/</span>
            <span>口罩</span>
            <span>/</span>
            <span>个人与专业防护口罩</span>
        </div>
        <div class="main-content">
            <div class="childrenDiv">
                <div class="medicalLeft">
                    <div class="medicalLeft-bar">
                        <p class="bar-title">个人与专业防护口罩</p>
                        <a class="bar-content" id="childrenBar">
                            <ul>
                                <li class="on">炫酷平面口罩</li>
                                <li>萌萌宝</li>
                                <li>超立体</li>
                                <li>小儿立体</li>
                                <li>梦幻童年</li>
                                <li>彩虹心情</li>
                                <li>儿童彩色立体口罩</li>
                            </ul>
                        </a>

                    </div>
                </div>
                <div class="medicalRight">
                    <div class="medicalRight-top">
                        <a>
                            <img src="../static/img/personal-mask.png">
                        </a>
                        <ul>
                            <li>
                                <span>名称：咔哇依立体口罩</span>
                                <span>规格：9.2*10cm</span>
                            </li>
                            <li>
                                <span>编号：KA-PAN</span>
                                <span>颜色：白兰粉绿兰黑紫 红橙黄青</span>
                            </li>
                            <li>
                                <span>材质：无纺布</span>
                            </li>
                        </ul>
                    </div>
                    <div class="medicalRight-bottom">
                        <p>产品详情：</p>
                        <a>
                            <span>包装体积: 17 × 9.5cm</span>
                            <span> 品牌: EPC </span>
                            <span>功能: 防尘 防异味</span>
                        </a>
                        <a>
                            <span>安全标准: 美国NIOSH标准</span>
                            <span>防护等级: N95</span>
                            <span>适用对象: 成人</span>
                        </a>
                    </div>
                    <div class="medicalRight-btn">
                        <button>下一产品</button>
                        <button>上一产品</button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</main>

<footer>Copyright © 2010-2016 三奇医保▪医疗卫生用品专家 All rights reserved.版权所有  </footer>
</body>
</html>